body {
  display: flex;
  place-content: center;
  place-items: center;
}
body label {
  color: #495060;
  font-size: 13px;
}
body input {
  border: 1px solid;
}
body input,
body select,
body textarea {
  border: 1px solid #dcdfe6;
  outline: none;
  display: inline-block;
  font-size: inherit;
  cursor: text;
}
body input:hover,
body select:hover,
body textarea:hover {
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  border-color: #18c3b1;
}
body input[type='text'],
body select[type='text'],
body textarea[type='text'],
body input[type='password'],
body select[type='password'],
body textarea[type='password'],
body input[type='datetime-local'],
body select[type='datetime-local'],
body textarea[type='datetime-local'],
body input[type='number'],
body select[type='number'],
body textarea[type='number'],
body input[type='email'],
body select[type='email'],
body textarea[type='email'],
body input[type='date'],
body select[type='date'],
body textarea[type='date'],
body input[id='area'],
body select[id='area'],
body textarea[id='area'],
body input[id='url'],
body select[id='url'],
body textarea[id='url'],
body input[id='month'],
body select[id='month'],
body textarea[id='month'],
body input[id='week'],
body select[id='week'],
body textarea[id='week'],
body input[id='datalist'],
body select[id='datalist'],
body textarea[id='datalist'],
body input[id='mail'],
body select[id='mail'],
body textarea[id='mail'],
body input[id='status'],
body select[id='status'],
body textarea[id='status'] {
  height: 35px;
  line-height: 35px;
  outline: none;
  padding: 0 10px;
  font-size: 13px;
  width: 300px;
}
body input[id='status'],
body select[id='status'],
body textarea[id='status'] {
  width: 320px;
  height: 37px;
}
body input[id='area'],
body select[id='area'],
body textarea[id='area'] {
  width: 44%;
  color: #c0c4d6;
}
body input[type='time'],
body select[type='time'],
body textarea[type='time'],
body input[type='checkbox'],
body select[type='checkbox'],
body textarea[type='checkbox'] {
  color: #606266;
}
body input[type='submit'],
body select[type='submit'],
body textarea[type='submit'] {
  color: #fff;
  background-color: #409eff;
  border-color: #409eff;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  transition: 0.1s;
  font-weight: 500;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px;
  margin-left: 75px;
}
body input[type='submit']:hover,
body select[type='submit']:hover,
body textarea[type='submit']:hover {
  transition: 250ms;
  background-color: #66b1ff;
}
body input[type='reset'],
body select[type='reset'],
body textarea[type='reset'] {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dcdfe6;
  color: #606266;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  transition: 0.1s;
  font-weight: 500;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px;
}
body input[type='reset']:hover,
body select[type='reset']:hover,
body textarea[type='reset']:hover {
  transition: 250ms;
  background-color: #ecf5ff;
  border-color: #c6e2ff;
  color: #409eff;
}
body input[type="radio"],
body select[type="radio"],
body textarea[type="radio"] {
  cursor: pointer;
}
body input[type='file'],
body select[type='file'],
body textarea[type='file'] {
  opacity: 0;
}
body input[type='range'],
body select[type='range'],
body textarea[type='range'] {
  width: 335px;
}
body input[type="date"],
body select[type="date"],
body textarea[type="date"] {
  cursor: pointer;
}
body select {
  width: 320px;
  height: 38px;
}
body .upload {
  border: 1px solid #409eff;
  width: 80px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  padding-left: 0.7rem;
  background-color: #409eff;
  border-radius: 4px;
}
body .upload label {
  color: #fff;
}
body .textarea {
  display: flex;
  min-width: 700px;
  height: 125px;
  margin-bottom: 12px;
  position: relative;
}
body .textarea > textarea {
  width: 100%;
  font-size: 15px;
  padding: 5px 15px;
}
body .textarea label.error {
  position: absolute;
  top: 100%;
  width: 100px;
}
body option[data-style='area'] {
  color: #606266;
}
body .divider {
  margin: 2rem 0;
  border-bottom: 2px dashed #f0f2f5;
}
body section label {
  display: block;
  margin-bottom: 6px;
}
body section .tips {
  font-size: 12px;
  color: #c1c1c1;
}
body .btnContainer {
  width: 100%;
  text-align: right;
  padding: 5px;
}
body .btnContainer #moreBtn {
  color: #409eff;
  font-size: 15px;
  cursor: pointer;
}
body select {
  cursor: pointer;
}
